<!DOCTYPE html>
<html lang="zh-CN">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <title>Document</title>
  <link rel="stylesheet" href="./css/style.css">
</head>
<body>
  <div id="wrap">
<!--     <div class="__Img__container">
      <ul class="__Img__classify">

        <li class="__Img__classify__type-btn __Img__type-btn-active">类别1</li>
        <li class="__Img__classify__type-btn">类别2</li>

      </ul>

      <div class="__Img__img-container">

        <figure>
          <img src="./assets/images/1.jpg" alt=""/>
          <figcaption>title</figcaption>
        </figure>

      </div>
    </div> -->
  </div>
<!--   <div class="__Img__overlay">
    <div class="__Img__overlay-prev-btn"></div>
    <div class="__Img__overlay-next-btn"></div>
    <img src="/assets/images/1.jpg" alt="">
  </div> -->

  <script src="./js/data.js"></script>
  <script src="./js/index.js"></script>
  <script>
    const img=new $Img({
      data:data,
      initType:'JavaScript',
      parasitifer:'#wrap'
    })
    
  </script>
</body>
</html>
